<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>便民服务-生活缴费</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../../../css/mui.min.css">
		<link rel="stylesheet" href="../../../css/app.css">		
	</head>
	<style type="text/css">
		body{overflow-y: auto;}	
	   .mui-content{position: absolute;top: 0;left: 0;height:100%;  background:url(../../../images/service/water_banner.png)  no-repeat; background-size:100% 200px;}
	   .mui-content .mui-title{color: #fff;}
	   .mui-bar{background: none;}
	   .mui-content{background-color: #fff;}
	   .mui-content .life_container{margin:160px auto 0px auto;}
	   .mui-table-view:before,.mui-table-view:after{background:none;}
	   .mui-table-view-cell:last-child:after{height: 1px;}
	   .mui-table-view-cell{padding: .3rem;}
	   .mui-navigate-right>span{display: inline-block; vertical-align: middle; width: .46rem; height: .46rem; margin: -.05rem .1rem 0 0;}
	   .mui-navigate-right>.ico01_water{background: url(../../../images/service/s_ico09.png); background-size: cover;}
	   .mui-navigate-right>.ico02_water{background: url(../../../images/service/s_ico10.png); background-size: cover;}
	   .mui-navigate-right>.ico03_water{background: url(../../../images/service/s_ico11.png); background-size: cover;}
	   .mui-navigate-right>.ico04_water{background: url(../../../images/service/s_ico12.png); background-size: cover;}	   	   
	</style>
	<body>
		<!-- 主体start -->
		<div class="mui-content">		
			<!-- 生活缴费start -->
			<div class="life_container">
			  <ul class="mui-table-view">
		          <li class="mui-table-view-cell" url="_www/src/bianmin/life_pay/waterGasElectricity_step1.html?projectId=c2670" id="waterGasElectricity_step1" title="水费"><a class="mui-navigate-right"><span class="ico01_water"></span>水费</a></li>
		          <li class="mui-table-view-cell" url="_www/src/bianmin/life_pay/waterGasElectricity_step1.html?projectId=c2680" id="waterGasElectricity_step1" title="电费"><a class="mui-navigate-right"><span class="ico02_water"></span>电费</a></li>
		          <li class="mui-table-view-cell" url="_www/src/bianmin/life_pay/waterGasElectricity_step1.html?projectId=c2681" id="waterGasElectricity_step1" title="燃气费"><a class="mui-navigate-right"><span class="ico03_water"></span>燃气费</a></li>
		          <li class="mui-table-view-cell" url="_www/src/bianmin/life_pay/phone_chongzhi.html" title="话费充值"><a class="mui-navigate-right"><span class="ico04_water"></span>话费</a></li>			          
			  </ul>	
			</div>
			<!-- 生活缴费end -->
		</div>
		<!-- 主体end -->	
	</body>
	<script src="../../../js/mui.min.js"></script><!-- mui -->
	<script src="../../../js/common.js"></script>
	<script src="../../../js/app.js"></script>
	<script type="text/javascript">
		mui.init();
		mui('.life_container').on('tap','li',function(){
			var title = this.getAttribute("title");
			var url = this.getAttribute("url");
			var id = this.id;
			if(!url){
				mui.toast('该功能尚未开通');
				return;
			}
			showTemplates(id?id:url,title,url);
		});
	</script>
</html>
